






.floatView{
    width: 750rpx;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(0,0,0,0.2);
    .otherInfo{
        width:560rpx;
        height:396rpx;
        background:rgba(255,255,255,1);
        border-radius:12rpx;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -205rpx;
        margin-left: -280rpx;
        .a{
            line-height: 91rpx;
            text-align: center;
            // width:168rpx;
            // height:33rpx;
            font-size:34rpx;
            font-family:PingFang SC;
            font-weight:600;
            color:rgba(51,51,51,1);
            border-bottom:1rpx solid rgba(207,207,207,1);
        }
        .b{
            label{
                margin-top: 41rpx;
                height: 30rpx;
                line-height: 30rpx;
                display: block;
                text-align: center;
                text-align: center;
                font-size:28rpx;
                font-family:PingFang SC;
                font-weight:400;
                color:rgba(102,102,102,1);
            }
            input{
                display: block;
                margin: 30rpx auto;
                width:440rpx;
                padding-left:28rpx;
                height:78rpx;
                background:rgba(255,255,255,1);
                border:2rpx solid rgba(201, 201, 201, 1);
                border-radius:8rpx;
            }
        }
        .c{
            margin-top: 20rpx;
            border-top:1rpx solid rgba(207,207,207,1);
            display: flex;
            view{
                width: 50%;
                line-height: 91rpx;
                text-align: center;
                font-size: 34rpx;
                // background:red;
            }
            view:nth-of-type(1){
              color: #999999;
            }
            view:nth-of-type(2){
                border-left:1rpx solid rgba(207,207,207,1);
              color: #10A2FF;
            }
        }
    }
    .infoView{
        width:432rpx;
        // height:202rpx;
        padding: 64rpx;
        background:rgba(255,255,255,1);
        border-radius:12rpx;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -280rpx;
        margin-top: -165rpx;
        z-index:999;
        view{
            text-align: center;
            line-height: 81rpx;
            color: #fff;
        }
        .a{
            width:431rpx;
            height:81rpx;
            background:linear-gradient(-90deg,rgba(255,106,16,1),rgba(255,157,3,1));
            border-radius:12rpx;

        }
        .b{
            margin-top: 40rpx;
            width:431rpx;
            height:81rpx;
            background:linear-gradient(-90deg,rgba(16,162,255,1),rgba(3,211,255,1));
            border-radius:12rpx;
        }
        .c{
            position: absolute;
            color:#f2f2f2;
            width: 54rpx;
            height: 54rpx;
            top: -27rpx;
            right: -27rpx;
            background: #fff;
            border-radius: 27rpx;
            .image1{
                width: 54rpx;
                height: 54rpx;
            }
        }
    }
}
//
page{
	width: 100%;
	height: 100%;
	background: #f2f2f2;
}
.detail_header{
	.image1{
		position: absolute;
		top: 0;
		left: 0;
		width: 750rpx;
		height: 297rpx; 
		z-index: 0;
	}
    padding: 30rpx 30rpx 119rpx 30rpx;
    display: flex;
        display: -webkit-flex;
        justify-content: space-between;
    .header_image{
        height: 120rpx;;
        margin-right: 30rpx;
        position: relative;
        z-index: 666;
        image{
            &:nth-child(1){
                width: 120rpx;
                height: 120rpx;
                border-radius: 50%;
                border:6rpx solid #fff;
            }
            &:nth-child(2){

                width: 30rpx;
                height: 30rpx;
                position: absolute;
                bottom: -10rpx;
                right: 0px;;
            }
        }
        button{
             width: 120rpx;
             height: 120rpx;
             border-radius: 50%;
             border:6rpx solid #fff;
        }
    }
    .header_content{
    	z-index: 666;
        width: 100%;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        .user_info{
            width: 100%;
            view{
                &:nth-child(1){
                    position:relative;
                    width: 150rpx;
                    text{
                        display: inline-block;
                        width: 150rpx;
                        vertical-align: middle;
                        color: #fff;
                        font-size: 34rpx;
                        line-height: 34rpx;
                        font-weight: bold;
                        overflow: hidden;
                        text-overflow:ellipsis;
                        white-space: nowrap;
                    }
                    label{
                    	display: inline;
                    	color: #fff;
                    	font-weight: 400;
                    	font-size: 28rpx;
                    	margin-left: 10rpx;
                    	
                    	line-height: 20rpx;
                    }
                    image{
                        width: 59rpx;
                        height: 23rpx;;
                        vertical-align: middle;
                        margin-left: 12rpx;
                    }
                    .image1{
                        display: block;
                        position:absolute;
                         width: 30rpx;
                         height: 30rpx;
                         left: 128rpx;
                         top:11rpx;
                    }
                }
                &:nth-child(2){
                    margin: 12rpx 0px 20rpx 0px;
                    line-height:0rpx; 
                
                    image{
                        width: 20rpx;
                        height: 20rpx;
                        vertical-align: middle;
                        margin-right: 7rpx;
                    }
                }
                &:nth-child(3){
                    line-height: 28rpx;
                    text{
                        font-size: 28rpx;
                        color: #fff;
                        &:nth-child(2){
                            margin-right: 48rpx;
                        }
                    }
                    image{
                        width: 19rpx;
                        height: 24rpx;;
                        vertical-align: middle;
                        margin-right: 12rpx;
                    }
                }
            }
        }
        .header_gz{
           
            view{
            	margin-right: -30rpx;
            	margin-top: 50rpx;
                text-align: center;
                width: 224rpx;
                height: 60rpx;
                line-height: 60rpx;
                background-color: #fff;
                font-style: 26rpx;
                color: #299cff;
                border-radius: 30rpx 0 0 30rpx;
            }
            image{
                width: 12rpx;
                height: 22rpx;
                margin-left: 10rpx;
            }
        }
    }
    
}


//类目
.top{
	padding-bottom: 160rpx;
	

    .items{
        position: absolute;
        top: 225rpx;
        left: 30rpx;
        width: 690rpx;
        height: 175rpx;
        background: #fff;
        border-radius: 14rpx;
        border: 1rpx solid #f2f2f2;
        box-shadow: 2rpx 2rpx 2rpx  #f2f2f2;
        z-index: 2;
        display: flex;
        justify-content: space-around;
           view{
              font-size: 30rpx;
              width: 230rpx;
              // color: #333;
              // width: 345rpx;
              // text-align: center;
              position: relative;

              .top-icon{
                 display: block;
                 width: 86rpx;
                 height: 86rpx;
                 position: absolute;
                 margin-left: 50%;
                 left: -43rpx;
                 top: 24rpx;
                 
              }
              label{
                display: block;
                width: 100%;
                margin-top: 128rpx;
                font-size:26rpx;
                line-height: 28rpx;
                font-family:PingFang SC;
                font-weight:400;
                color:rgba(51,51,51,1);
                text-align: center;

              }
           }
      }
	
}

.navigator-hover{
	background: none;
}

.pageList{
	background: #fff;
	padding: 0 30rpx;
	.item{

		line-height: 104rpx;
		border-bottom: 1rpx solid #f2f2f2;
		line-height: 104rpx;
		position: relative;
        label{
        	margin-left: 74rpx;
        }
		.image1{
          width: 44rpx;
          height: 44rpx;
          position: absolute;
          top: 30rpx;
          left: 0rpx;
		}
		.image2{
			width: 16rpx;
			height: 19rpx;
			position: absolute;
			right: 0;
			top: 42.5rpx;
		}
	}


}